@layout('layouts.clearly')

@section('head-zone')

@endsection

@section('content')
@id('news.index')

<div class="page-head">
    <h1>Tin tức</h1>
</div>
<div class="container page-outer">
    <div class="w640 fl-left">
        <div id="news-list">
            @forelse ($articles as $article)
            <div class="article">
                <a href="{{ $article->friendly_url }}">
                    <div class="thumbnail">
                        <img src="{{ $article->thumbnail }}" alt="article" />
                    </div>
                    <div class="title">
                        <h3>{{ $article->title }}</h3>
                        <p>
                            {{ $article->brief }}

                        </p>
                    </div>
                    <div class="author">
                        <span class="author-name">{{ $article->author_name }}</span>
                        <span class="article-time">{{ $article->updated }}</span>
                    </div>
                </a>
            </div>
            @empty
            <div class="error">
                Không có tin tức nào
            </div>
            @endforelse

            {{ $pagination }}
            <!-- else
            <div class="error">
                Không có tin tức
            </div>
             end forelse -->

        </div>
    </div> <!-- danh sach tin tuc -->

    @include('news.rss')
</div>
@endsection
